var questions = {
    adult: [
        {
            title: '交通信号灯绿灯亮时：',
            answer: [
                '车辆可随意通行', '准许车辆通行，但直行车辆须注意避让转弯车辆', '准许车辆通行，但转弯车辆须不得妨碍被放行的直行车辆和行人通行'
            ],
            correct: 'C'
        }, {
            title: '红色叉形灯或者箭头灯亮时：',
            answer: [
                '禁止本车道车辆通行', '禁止其他车道车辆通行', '准许本车道车辆通行'
            ],
            correct: 'A'
        }, {
            title: '通过没有人行横道的街道时，在安全的情况下要直线通过，要注意来往车辆：',
            answer: [
                '先看左后看右', '先看右后看左', '直接过'
            ],
            correct: 'A'
        }, {
            title: '夏天，驾驶车辆时，驾驶人应该：',
            answer: [
                '在安全驾驶的情况下，可以穿拖鞋', '不准穿拖鞋，穿拖鞋既不礼貌，也不安全', '穿哪种鞋子都可以'
            ],
            correct: 'B'
        }, {
            title: '发现前方道路堵塞，准确的做法为：',
            answer: [
                '找可能通过的路线继续行驶', '按顺序停车，等前方车辆行驶后，继续行驶', '减速行驶，鸣喇叭示意前方车辆快速行驶'
            ],
            correct: 'B'
        }, {
            title: '机动车驾驶人：',
            answer: [
                '驾驶机动车时可以饮食，但不准吸烟', '驾驶机动车时不准拨打、接听手持电话', '少量饮酒后可以驾驶机动车'
            ],
            correct: 'B'
        }, {
            title: '机动车通过没有信号控制的人行横道时：',
            answer: [
                '行人应该避让机动车', '可以不减速且应快速通过', '必须减速或者停车，避让行人'
            ],
            correct: 'C'
        }, {
            title: '车辆通过没有交通信号灯也没有交通警察指挥的交叉路口，相对方向行驶的：',
            answer: [
                '直行车让左转弯车先行', '左转弯车让右转弯车先行', '右转弯车让左转弯车先行'
            ],
            correct: 'C'
        }, {
            title: '车辆行经没有交通信号灯和交通标志、标线控制也没有交通警察指挥的交叉路口时：',
            answer: [
                '在进入路口前减速或停车，让右方道路的来车先行', '让左边没有来车的车先行', '具体情况具体确定'
            ],
            correct: 'A'
        }, {
            title: '车辆停放时：',
            answer: [
                '应当停在停车场或准许停放车辆的地方', '应停在机动车道或人行道上', '只要不妨碍交通就可以任意停放'
            ],
            correct: 'A'
        }, {
            title: '机动车在坂田五和大道上发生故障，需要停车排除故障的，驾驶人应当立即开启(__)，将机动车移至不妨碍交通的地点停放；不能移动的，应当持续开启危险报警闪光灯，并在车后设置警告标志，夜间还应当同时开启示廓灯和后位灯，并迅速报警说明故障情况。',
            answer: [
                '双闪灯', '危险报警闪光灯', '远光灯'
            ],
            correct: 'B'
        }, {
            title: '未取得从业资格证书驾驶营运车辆从事营运活动，或者驾驶非营运车辆从事营运活动的，除由市交通运输管理部门依法处罚外，由市公安机关交通管理部门暂扣其机动车驾驶证(__)。',
            answer: [
                '三个月', '六个月', '十二个月'
            ],
            correct: 'B'
        }, {
            title: '疲劳驾驶的，由深圳市公安机关交通管理部门处(__)罚款。',
            answer: [
                '二百元', '三百元', '五百元'
            ],
            correct: 'B'
        }],
    alls: [
        {
            title: '交通信号灯中的黄灯表示什么？',
            answer: [
                '禁止通行', '准许通行', '警示'
            ],
            correct: 'C'
        }, {
            title: '机动车行经人行横道时，应当减速行驶；遇行人正在通过人行横道时，应该怎么做？',
            answer: [
                '停车让行', '直接通行', '边开边让'
            ],
            correct: 'A'
        }, {
            title: '多少周岁以下儿童不能骑自行车上街？',
            answer: [
                '10', '12', '14'
            ],
            correct: 'B'
        }, {
            title: '机动车行驶中，乘坐机动车正确的做法是：',
            answer: [
                '干扰驾驶员驾驶', '不将身体任何部分伸出车外', '在道路上没其他车辆且不影响其他行人的情况下跳车'
            ],
            correct: 'B'
        }, {
            title: '遇有交通信号灯、交通标志或交通标线与交通警察的指挥不一致时：',
            answer: [
                '服从信号灯', '服从交通警察指挥', '服从交通标志、标线'
            ],
            correct: 'B'
        }, {
            title: '在车辆没有停稳之前：',
            answer: [
                '可以开车门，不准上下人', '不准开车门和上下人', '可以上下人'
            ],
            correct: 'B'
        }, {
            title: '没有划分机动车道、非机动车道、人行道的，机动车在道路中间通行，非机动车和行人(__)通行：',
            answer: [
                '随便', '在道路两侧', '在道路中间'
            ],
            correct: 'B'
        }, {
            title: '行人通过没有人行横道的路口时应当：',
            answer: [
                '在车辆临近时突然加速横穿', '观察来往车辆，确认安全后直行通过', '在车辆临近时中途倒退、折返'
            ],
            correct: 'B'
        }, {
            title: '乘坐公共汽车的人：',
            answer: [
                '可以携带易燃、易爆等危险品', '不准携带易燃、易爆等危险品', '可以携带少量易燃、易爆等危险品'
            ],
            correct: 'B'
        }, {
            title: '乘坐电动自行车：',
            answer: [
                '须戴安全帽', '不须戴安全帽', '戴不戴安全帽都可以'
            ],
            correct: 'A'
        }, {
            title: '驾驶自行车、电动自行车在路上横过机动车道，应当',
            answer: [
                '下车推行', '可直接横过', '都不得横过'
            ],
            correct: 'A'
        }, {
            title: '在机动车道上不得从机动车(__)侧上下车。',
            answer: [
                '左', '右'
            ],
            correct: 'A'
        }, {
            title: '车辆、行人必须各行其道。借道通行的车辆和行人：',
            answer: [
                '具有优先通行权', '应当让在其本道内行驶的车辆或行人优先通行', '不管在其本道内行驶的车辆和行人'
            ],
            correct: 'B'
        }, {
            title: '驾驶非机动车应当在非机动车道内行驶，在没有非机动车道的道路上，应当靠车行道的(__)行驶：',
            answer: [
                '左侧', '中间', '右侧'
            ],
            correct: 'C'
        }, {
            title: '非机动车通过有交通信号灯控制的交叉路口应当：',
            answer: [
                '转弯的非机动车让直行的车辆、行人优先通行', '遇有前方路口交通阻塞时，进入路口等候', '向左转弯时，靠路口中心点的左侧转弯'
            ],
            correct: 'A'
        }, {
            title: '未满 周岁的学生不驾驶电动自行车：',
            answer: [
                '14周岁', '16周岁', '18周岁'
            ],
            correct: 'B'
        }, {
            title: '红灯、绿灯分别表示：',
            answer: [
                '警示、准许通行', '准许通行、警示', '禁止通行、准许通行'
            ],
            correct: 'C'
        }, {
            title: '向车外抛洒物品的，由深圳市公安机关交通管理部门处(__)罚款。',
            answer: [
                '二百元', '五百元', '一千元'
            ],
            correct: 'B'
        }, {
            title: '行人翻越坂田道路隔离设施，会有哪些惩罚？',
            answer: [
                '二百元罚款', '协助维护交通四小时', '以上两项均对'
            ],
            correct: 'C'
        }, {
            title: '符合以下条件之一的电动车，不得在深圳上路？',
            answer: [
                '时速大于20公里、整车重量大于40公斤、电机功率大于240瓦', '时速大于25公里、整车质量大于45公斤、电机功率大于260瓦', '时速大于10公里、整车质量大于50公斤、电机功率大于280瓦'
            ],
            correct: 'A'
        }, {
            title: '在设有交通隔离设施的路段，行人如何过街？',
            answer: [
                '经人行横道或过街设施通过', '跨越道路隔离设施'
            ],
            correct: 'A'
        }, {
            title: '行人如何通过没有交通信号灯的人行横道？',
            answer: [
                '应当左右观察往来车辆的情况，确认安全后再横过道路', '车辆临近时突然横过'
            ],
            correct: 'A'
        }, {
            title: '到马路对面，走到路中间时，看到来往车辆频繁，应该怎么办？',
            answer: [
                '突然加速横穿或者中途倒退、折返', '应该原地等候，确认安全后再通过'
            ],
            correct: 'B'
        }, {
            title: '公安机关交通管理部门的报警电话是？',
            answer: [
                '110', '119', '114', '120'
            ],
            correct: 'A'
        }
    ]
}

var question, answers = [];

if(localStorage.question){
    var arry = ['A','B','C','D'];
    question = JSON.parse(localStorage.question);
    question.forEach(function (value) {
        if(arry[value.choice] != value.correct){
            answers.push(value);
        }
    })
}

var app = new Vue({
    el: '#page',
    data: function () {
        return {
            ABC : ['A','B','C','D'],
            NUM : ['一','二','三','四','五','六','七','八','九','十'],
            wxName : $config.getCookie('wx_btjt_wxname') || '',
            choiceId : '',
            step : '',  //choice,answer,complete
            ques : [],
            currentIndex: 0,
            choiceItemStep : 1,
            choiceNames : [],
            institution : '',
            items : '',
            itemName : '单位',
            isStudent : false,
            replyNum : 0,
            timeCount : '',
            isShowErrorBtn : true,
            isShare : false,
            isDown : false,
            shareImg : '',
            answer_num : '',
            user : {
                name : '',
                isShow : false
            },
            time : {
                lave : '',
                one : '',
                two : '',
                thr : ''
            },
            error : {
                isShow : false,
                lists : []
            }
        }
    },
    created: function () {
        this.common().http(this,{
            url : '/Btjt/authCheck',
            success : function (json) {
                var  data = json.data
                if(!data.is_auth && location.hostname!='192.168.10.108' && location.hostname!='192.168.1.105'){
                    location.href = 'http://h5.oeeee.com/index.php?s=/Btjt/auth';
                }else{
                    this.getData();
                    if($config.iswx() && location.hostname!='192.168.10.108'){
                        this.getAttention();
                    }
                    $('#loading').remove();
                    $('#page').show();
                }
            }
        })
    },
    methods: {
        getData : function () {
            this.common().http(this,{
                url : '/Btjt/getFirstInfo',
                success : function (json) {
                    var  data = json.data
                    this.items = this.institution = data.institution;
                    this.answer_num = data.answer_num;
                }
            })
        },
        getAttention : function () {
            this.common().http(this,{
                url : '/Btjt/getUserIsAttention',
                success : function (json) {
                    var _this = this,
                        data = json.data;
                    if(!data.user_is_attention){
                        this.isDown = true;
                        setTimeout(function () {
                            _this.getAttention();
                        },2000)
                    }else{
                        this.isDown = false;
                    }
                }
            })
        },
        setStep : function (type, choiceType) {
            var _this = this;
            if(type == 'choice' && _this.answer_num > 1){
                swal({
                    title: '你今日答题次数已用完',
                    type: "warning"
                });
                return;
            }

            this.step = type;

            if(this.step == 'choice'){
                setTimeout(function () {
                    var height = $(window).height() - $('.choice').offset().top -15;
                    $('.choice').height(height);
                    $('.choice, .error').on('touchmove',function(e){
                        e.stopPropagation();
                    })
                },300)
            }else if(this.step == 'complete'){
                console.log('答题完成');
                clearInterval(_this.timeCount)

                //设置错题
                var lists = _this.error.lists;
                _this.ques.forEach(function (value) {
                    if(_this.ABC[value.choice] != value.correct){
                        lists.push(value);
                    }
                })

                var answer = [];
                _this.ques.forEach(function (value) {
                    var ok = _this.ABC[value.choice]?_this.ABC[value.choice]:'';
                    answer.push(value.id+':'+ok);
                    if(value.correct == ok){
                        _this.replyNum++
                    }
                })
                //如果答对十题,就不显示错题按钮
                if(_this.replyNum==10){
                    _this.isShowErrorBtn = false;
                }
                var postData = {
                    realname : _this.user.name,
                    institution_id : _this.choiceId,
                    answer : answer,
                    score : _this.replyNum*10,
                    time_spent : _this.time.lave
                }
                console.log(postData);

                this.common().http(this,{
                    url : '/Btjt/submit',
                    body : postData,
                    success : function (json) {
                        var  data = json.data;
                        this.shareImg = 'http://h5.oeeee.com/index.php?s=/Btjt/createImg&id='+data.id;
                    }
                })
            }
        },
        // 选择单位
        choiceItem : function (item) {
            //有下一级
            if(item.array){
                this.items = item.array;
                this.itemName = item.levelname;
                this.choiceItemStep++;
                setTimeout(function () {
                    var height = $(window).height() - $('.choice').offset().top -15;
                    $('.choice').height(height);
                },0)
            }else{
                this.choiceId = item.id;
                this.user.isShow = true;
                this.choiceNames.push(item.levelname)
            }
            if(item.levelname=='学校'){
                this.isStudent = true;
            }
        },
        //返回单位选择
        backChoice : function () {
            this.choiceItemStep = 1;
            this.items = this.institution;
            this.itemName = '单位';

            this.choiceNames = [];
        },
        //倒计时
        countTime : function () {
            var _this = this,
                all = 200,
                count = function () {
                    _this.time.lave = 200-all;
                    if(all>0){
                        if(all<100 && all>9){
                            all = '0'+all
                        }else if(all<10){
                            all = '00'+all
                        }
                        var nums = all.toString().split('');
                        _this.time.one = nums[0];
                        _this.time.two = nums[1];
                        _this.time.thr = nums[2];
                        all--;
                    }else{
                        clearInterval(_this.timeCount)
                        _this.setStep('complete');
                    }
                };
                _this.timeCount = setInterval(function () {
                    count()
                },1000)
            count()
        },
        //随机数
        randomNum: function (minNum, maxNum, number) {
            var arr = [];
            for (var i = minNum; i <=maxNum; i++) {
                arr.push(i);
            }
            arr.sort(
                function () {
                    return 0.5 - Math.random();
                }
            );
            arr.length = number;
            var compare = function (x, y) {//比较函数
                if (x < y) {
                    return -1;
                } else if (x > y) {
                    return 1;
                } else {
                    return 0;
                }
            }
            return arr.sort(compare);
        },
        //随机抽题
        ramdomQues : function () {
            var _this = this,
                adultNum = questions.adult.length,
                allsNum = questions.alls.length;
            //是学生组,在通用组抽题
            if(this.isStudent){
                var arry = _this.randomNum(1,allsNum,10);
                arry.forEach(function (value) {
                    value--
                    questions.alls[value].id = '2-'+(value+1)
                    questions.alls[value].choice = ''
                    _this.ques.push(questions.alls[value])
                })
            }else{
                var arr1 = _this.randomNum(1,adultNum,4),
                    arr2 = _this.randomNum(1,allsNum,6);
                arr1.forEach(function (value) {
                    value--
                    questions.adult[value].id = '2-'+(value+1)
                    questions.adult[value].choice = ''
                    _this.ques.push(questions.adult[value])
                })
                arr2.forEach(function (value) {
                    value--
                    questions.alls[value].id = '2-'+(value+1)
                    questions.alls[value].choice = ''
                    _this.ques.push(questions.alls[value])
                })
            }
            // console.log(_this.ques)
        },
        // 下一题
        nextQues : function () {
            if(this.currentIndex < this.ques.length-1){
                this.currentIndex++;
            }else{
                this.setStep('complete');
            }
        },
        // 选择答案
        choiceAnswer : function (index) {
            this.ques[this.currentIndex].choice = index;
            console.log(this.ques[this.currentIndex])
        },
        // 显示分享
        share : function (boole) {
            this.isShare = boole?true:false;
        },
        //开始答题
        startAnswer : function () {
            if(this.user.name){
                // 开始答题
                this.choiceItemStep = 1;
                this.setStep('answer');
                this.ramdomQues();
                this.countTime();
                this.user.isShow = false;
            }else{
                alert('请填写您的姓名！')
            }
        },
        isShowError : function (boole) {
            this.error.isShow = boole?true:false;
        }
    }
})